<template>
	<div class="settings-container">
		<view class="d-flex item-box align-items-center justify-content-between">
			<view>更换手机号</view>
			<uni-icons color="#9B9B9B" type="forward" size="25"></uni-icons>
		</view>
		<view class="d-flex item-box align-items-center justify-content-between">
			<view>意见反馈</view>
			<uni-icons color="#9B9B9B" type="forward" size="25"></uni-icons>
		</view>
		<view class="d-flex item-box align-items-center justify-content-between">
			<view>注销账号</view>
			<uni-icons color="#9B9B9B" type="forward" size="25"></uni-icons>
		</view>
		<button class="go-out">退出登录</button>
	</div>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.settings-container {
		line-height: 1;

		.item-box {
			height: 95rpx;
			border-bottom: 1rpx solid #F6F6F6;
			margin: 0 20rpx;

			&:last-child {
				border: 0;
			}

			view {
				font-size: 28rpx;
				font-weight: 500;
				color: #000000;
			}
		}

		.go-out {
			width: 705rpx;
			height: 88rpx;
			background: #BEC3CF;
			border-radius: 44rpx;
			font-size: 30rpx;
			font-weight: 500;
			color: #FFFFFF;
			margin-top: 60rpx;
			line-height: 88rpx;
		}
	}
</style>
